/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018-12-13 Time: 22:23
 */

import {StyleSheet} from 'react-native';
import {COLOR_GRAY_BACKGROUND, COLOR_THEME, FONT_COLOR_SUB_TITLE, FONT_COLOR_TITLE, FONT_SIZE_14, FONT_SIZE_TITLE} from "../../../constant/PHColors"
import {SCREEN_WIDTH} from "../../../constant/PHScreen";

export const styles = StyleSheet.create({

    body: {
        flex: 1,
        backgroundColor: 'white',
    },

    headerContainer: {
        height: 32,
        backgroundColor: COLOR_GRAY_BACKGROUND,
        justifyContent: 'center',
        alignItems: 'flex-start'
    },

    headerText: {
        fontSize: FONT_SIZE_14,
        color: FONT_COLOR_SUB_TITLE,
        marginLeft: 15
    },

    formFirst:{
        marginTop: 25,
        width:SCREEN_WIDTH-40,
        marginLeft: 20,
    },

    formUpper:{
        height: 50,
        borderWidth: 1,
        borderColor:'#b1b1b1',
        flexDirection: 'row',
        backgroundColor: '#FFF',
        alignItems: 'center'
    },

    formMiddle:{
        height: 50,
        borderLeftWidth:1,
        borderRightWidth:1,
        borderColor:'#b1b1b1',
        flexDirection: 'row',
        backgroundColor: '#FFF',
        alignItems: 'center'
    },

    formLower:{
        height: 50,
        borderWidth: 1,
        borderColor:'#b1b1b1',
        flexDirection: 'row',
        backgroundColor: '#FFF',
        alignItems: 'center'
    },

    formLower_two:{
        height: 50,
        borderLeftWidth:1,
        borderRightWidth:1,
        borderBottomWidth:1,
        borderColor:'#b1b1b1',
        flexDirection: 'row',
        backgroundColor: '#FFF',
        alignItems: 'center'
    },

    formSecond:{
        marginTop: 20,
        width:SCREEN_WIDTH-40,
        marginLeft: 20,
    },

    leftBox: {
        justifyContent: 'center',
        alignItems: 'flex-start',
        width:130,

    },

    leftBoxText: {
        fontSize: 22,
        color: FONT_COLOR_TITLE,
        marginLeft: 15
    },

    rightBox: {
        justifyContent: 'flex-start',
        alignItems: 'flex-start',
        flexDirection:'row',
        width:SCREEN_WIDTH-40-140,
    },

    rightBoxText: {
        fontSize: 20,
        color: FONT_COLOR_TITLE,
        marginRight: 30
    },

    rightBoxText_right:{
        fontSize: 20,
        color: FONT_COLOR_TITLE,
        marginRight: 10
    },

    formThird:{
        marginTop: 20,
        width:SCREEN_WIDTH-40,
        marginLeft: 20,
    },

    formFourth:{
        marginTop: 20,
        width:SCREEN_WIDTH-40,
        marginLeft: 20,
    }
})